<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="box">
    <button data-type="btn1">按钮1</button>
    <button data-type="btn2">按钮2</button>
    <button data-type="btn3">按钮3</button>
    <button data-type="btn4">按钮4</button>
    <button data-type="btn5">按钮5</button>
</div>
<script>
    const boxEl = document.querySelector('.box')
    boxEl.addEventListener('mouseover',(event)=>{
        if(event.target.className !== 'box'){
            console.log(event.target.textContent)
        }

    })
</script>
</body>
</html>